<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<style>
    /* 设置所有标签中有v-cloak属性的，不显示 */
    [v-cloak] {
        display: none;
    }
</style>

<body>
    <!-- 引入vue的js文件，放在文件的头部 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>


    <div id="root">

        <!-- v-cloak没有值，当Vue实例创建完成后接管容器，会删掉v-cloak属性，避免网速慢时候出现 {{xxx}} 的显示在页面上 -->
        <div v-cloak>你好：{{name}}</div>



    </div>


</body>
<script type="text/javascript">

    

    const vm = new Vue({
        el: "#root",
        data: {
            name: 'aBiu',
        }
    })
</script>

</html>